html {
         scroll-behavior: smooth
         }
         html body.no-overflow-y {
         overflow-y: hidden
         }
         html body .HeaderComponent,html body .main-wrapper,html body .FooterComponent {
         font: 15px zona-regular,Arial,sans-serif;
         color: var(--deep-blue)
         }
         html body .HeaderComponent p,html body .main-wrapper p,html body .FooterComponent p {
         margin: 0 0 20px 0;
         line-height: 26px;
         max-width: 900px
         }
         html body .HeaderComponent img,html body .main-wrapper img,html body .FooterComponent img {
         vertical-align: middle
         }
         html body .HeaderComponent a,html body .main-wrapper a,html body .FooterComponent a {
         text-decoration: none
         }
         html body .HeaderComponent a:hover,html body .main-wrapper a:hover,html body .FooterComponent a:hover {
         text-decoration: underline;
         cursor: pointer
         }
         html body .HeaderComponent a[class*=ohgs-button-],html body .HeaderComponent a[class*=ohgs-button-]:focus,html body .HeaderComponent a[class*=ohgs-button-]:hover,html body .main-wrapper a[class*=ohgs-button-],html body .main-wrapper a[class*=ohgs-button-]:focus,html body .main-wrapper a[class*=ohgs-button-]:hover,html body .FooterComponent a[class*=ohgs-button-],html body .FooterComponent a[class*=ohgs-button-]:focus,html body .FooterComponent a[class*=ohgs-button-]:hover {
         text-decoration: none !important
         }
         html body .HeaderComponent ol[class*=ohgs-ol] li,html body .HeaderComponent ul[class*=ohgs-ul] li,html body .main-wrapper ol[class*=ohgs-ol] li,html body .main-wrapper ul[class*=ohgs-ul] li,html body .FooterComponent ol[class*=ohgs-ol] li,html body .FooterComponent ul[class*=ohgs-ul] li {
         line-height: 26px !important
         }
         html body .HeaderComponent ul[class*=ohgs-ul] li:before,html body .main-wrapper ul[class*=ohgs-ul] li:before,html body .FooterComponent ul[class*=ohgs-ul] li:before {
         margin-top: 0
         }
         html body .HeaderComponent ol[class*=ohgs-ol] li:before,html body .main-wrapper ol[class*=ohgs-ol] li:before,html body .FooterComponent ol[class*=ohgs-ol] li:before {
         margin-top: 3px
         }
         html body .HeaderComponent h1[class*=ohgs-h],html body .HeaderComponent h2[class*=ohgs-h],html body .HeaderComponent h3[class*=ohgs-h],html body .HeaderComponent h4[class*=ohgs-h],html body .HeaderComponent h5[class*=ohgs-h],html body .HeaderComponent h6[class*=ohgs-h],html body .HeaderComponent div[class*=ohgs-h],html body .HeaderComponent span[class*=ohgs-h],html body .main-wrapper h1[class*=ohgs-h],html body .main-wrapper h2[class*=ohgs-h],html body .main-wrapper h3[class*=ohgs-h],html body .main-wrapper h4[class*=ohgs-h],html body .main-wrapper h5[class*=ohgs-h],html body .main-wrapper h6[class*=ohgs-h],html body .main-wrapper div[class*=ohgs-h],html body .main-wrapper span[class*=ohgs-h],html body .FooterComponent h1[class*=ohgs-h],html body .FooterComponent h2[class*=ohgs-h],html body .FooterComponent h3[class*=ohgs-h],html body .FooterComponent h4[class*=ohgs-h],html body .FooterComponent h5[class*=ohgs-h],html body .FooterComponent h6[class*=ohgs-h],html body .FooterComponent div[class*=ohgs-h],html body .FooterComponent span[class*=ohgs-h] {
         max-width: 900px
         }
         html body .main-wrapper {
         max-width: 1180px;
         margin: 0 auto 75px auto;
         padding: 0 20px
         }
         @media screen and (max-width: 767.98px) {
         html body .main-wrapper {
         padding:0 15px
         }
         }
         @media screen and (max-width: 575.98px) {
         html body .main-wrapper {
         padding:0 10px
         }
         }
         html body .main-wrapper .divider {
         margin: 60px 0;
         border-top: solid 1px var(--bright-blue-40);
         width: 100%;
         height: 2px
         }
         @media screen and (max-width: 991.98px) {
         html body .main-wrapper .divider {
         margin:50px 0 45px 0
         }
         }
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide {
         width: calc(100% - 380px)
         }
         html body .main-wrapper .flex-content-wide .flex-column-wide {
         width: 100%
         }
         html body .main-wrapper .flex-content-wide-pagemenu,html body .main-wrapper .flex-content-wide {
         display: flex;
         justify-content: space-between;
         flex-flow: row nowrap;
         position: relative
         }
         html body .main-wrapper .flex-content-wide-pagemenu .flex-content-wide.flex-column-wide>div>div:last-child>section>.divider,html body .main-wrapper .flex-content-wide-pagemenu .flex-content-wide.flex-column-wide>section:last-child>.divider,html body .main-wrapper .flex-content-wide .flex-content-wide.flex-column-wide>div>div:last-child>section>.divider,html body .main-wrapper .flex-content-wide .flex-content-wide.flex-column-wide>section:last-child>.divider {
         border-top: 0;
         margin: 0
         }
         @media screen and (max-width: 991.98px) {
         html body .main-wrapper .flex-content-wide-pagemenu,html body .main-wrapper .flex-content-wide {
         flex-flow:wrap;
         width: 100%
         }
         }
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide,html body .main-wrapper .flex-content-wide .flex-column-wide {
         flex: 1;
         margin: 0 -5px;
         padding: 0 5px
         }
         @media screen and (max-width: 991.98px) {
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide,html body .main-wrapper .flex-content-wide .flex-column-wide {
         flex-basis:100%
         }
         }
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide .flex-column-centered,html body .main-wrapper .flex-content-wide .flex-column-wide .flex-column-centered {
         max-width: 780px;
         width: 100%;
         margin: 0 auto
         }
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide .flex-content-even,html body .main-wrapper .flex-content-wide .flex-column-wide .flex-content-even {
         display: flex;
         flex-flow: row nowrap;
         justify-content: space-between
         }
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide .flex-content-even .flex-column-left,html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide .flex-content-even .flex-column-right,html body .main-wrapper .flex-content-wide .flex-column-wide .flex-content-even .flex-column-left,html body .main-wrapper .flex-content-wide .flex-column-wide .flex-content-even .flex-column-right {
         flex: 0 0 calc(50% - 25px)
         }
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide .flex-content-even .flex-column-left:first-of-type,html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide .flex-content-even .flex-column-right:first-of-type,html body .main-wrapper .flex-content-wide .flex-column-wide .flex-content-even .flex-column-left:first-of-type,html body .main-wrapper .flex-content-wide .flex-column-wide .flex-content-even .flex-column-right:first-of-type {
         margin-right: 50px
         }
         @media screen and (max-width: 991.98px) {
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide .flex-content-even .flex-column-left,html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide .flex-content-even .flex-column-right,html body .main-wrapper .flex-content-wide .flex-column-wide .flex-content-even .flex-column-left,html body .main-wrapper .flex-content-wide .flex-column-wide .flex-content-even .flex-column-right {
         flex:0 0 100%
         }
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide .flex-content-even .flex-column-left:first-of-type,html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide .flex-content-even .flex-column-right:first-of-type,html body .main-wrapper .flex-content-wide .flex-column-wide .flex-content-even .flex-column-left:first-of-type,html body .main-wrapper .flex-content-wide .flex-column-wide .flex-content-even .flex-column-right:first-of-type {
         margin-right: 0
         }
         }
         @media screen and (max-width: 991.98px) {
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-wide .flex-content-even,html body .main-wrapper .flex-content-wide .flex-column-wide .flex-content-even {
         flex-flow:wrap
         }
         }
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-pagemenu,html body .main-wrapper .flex-content-wide .flex-column-pagemenu {
         max-width: 330px;
         width: 330px;
         margin-left: 50px;
         flex: 1
         }
         @media screen and (min-width: 992px) and (max-width:1199.98px) {
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-pagemenu,html body .main-wrapper .flex-content-wide .flex-column-pagemenu {
         margin-left:20px
         }
         }
         @media screen and (max-width: 991.98px) {
         html body .main-wrapper .flex-content-wide-pagemenu .flex-column-pagemenu,html body .main-wrapper .flex-content-wide .flex-column-pagemenu {
         flex:1 0 100%;
         max-width: 100%;
         margin-left: 0
         }
         }
         .ohra-utils-show-mq-vars:after {
         font-size: 14px;
         color: #666;
         position: fixed;
         top: 0;
         left: 0;
         z-index: 100000000000000020;
         background-color: rgba(255,255,255,0.8);
         padding: 2px
         }
         @media screen and (max-width: 575.98px) {
         .ohra-utils-show-mq-vars:after {
         content:"< $small-start"
         }
         }
         @media screen and (min-width: 576px) and (max-width:767.98px) {
         .ohra-utils-show-mq-vars:after {
         content:"$small-start - $medium-start"
         }
         }
         @media screen and (min-width: 768px) and (max-width:991.98px) {
         .ohra-utils-show-mq-vars:after {
         content:"$medium-start - $large-start"
         }
         }
         @media screen and (min-width: 992px) and (max-width:1199.98px) {
         .ohra-utils-show-mq-vars:after {
         content:"$large-start - $extra-large-start"
         }
         }
         @media screen and (min-width: 1200px) {
         .ohra-utils-show-mq-vars:after {
         content:"> $extra-large-start"
         }
         }